<template>
    <!-- 首页1线性统计图 -->
    <!-- 当日系统任务统计 -->
    <div id="home1" ref="home1" style="width: 100%;height:100%;" />
</template>
<script>
import * as echarts from 'echarts';

export default {
    mounted() {
        let that = this;
        setTimeout(function(){
            that.initChart1();
        },0)
    },
    methods: {
        initChart1() {
            var chartDom = document.getElementById('home1');
            var myChart = echarts.init(chartDom);
            var option;

            option = {
                xAxis: {
                    axisLabel: {
                        fontSize: 12, // 设置字体大小
                        color: "#fff", // 设置字体颜色
                        fontwight: 'bold', // 设置字体粗细
                    },
                    type: 'category',
                    data: ['应用服务', '用户定位', '身份识别', '设备定位', '设备归属']
                },
                yAxis: {
                    type: 'value',
                    axisLabel: {
                        fontSize: 15, // 设置字体大小
                        color: "#fff", // 设置字体颜色
                        // fontwight: "40", // 设置字体粗细
                    },
                },
                series: [
                    {
                        data: [15, 30, 18, 23, 12],
                        type: 'line',
                        smooth: true,
                        lineStyle: {
                            color: '#1d68fa', // 设置线条颜色为红色
                            width: 2, // 设置线条宽度
                        },
                        areaStyle: {
                            color: '#063e76'
                        },
                        label: {
                            show: true,
                            position: "top",
                            formatter: "{c}次", // 在柱子上显示数据
                            color: "#fff", // 设置label颜色为红色
                            fontSize: 17, // 设置字体大小
                        },
                    }
                ]
            };

           myChart.setOption(option);
        }
    }
};
</script>
